리엑트를 다루는 기술 [리엑트를 다루는 기술] Chapter 15 : Context API 리액트 프로젝트에서 전역적으로 사용할 데이터가 있을때 유용한 기능이다 🤔 전역적을 사용하는 데이터는 어떻게 관리해야할까? ⇒ 리액트는 컴포넌트 간에 데이터르 props로 전달하기에(부모 → 자식) 최상위 컴포넌트에 데이터를 저장을 한다 ⇒ 하단에 있는 컴포넌트(G)가 상태값을 변경하고, 다른 하단에 있는 컴포넌트(F)가 상태 값을 업데이트 해야하면, 변경된 값이 다시 순차적으로 최상단 부터 ... 리엑트를 다루는 기술리엑트를 다루는 기술 [리엑트를 다루는 기술] Chapter 04 : 이벤트 핸들링 사용자가 웹 브라우저에서 DOM 요소들과 상호 작용하는 것을 이벤트라 한다. HTML 이벤트와 인터페이스가 동일함 ⇒ 사용법이 비슷하다 이벤트 이름은 카멜 표기법(처음 소문자- 중간 대문자) 이벤트에 실행할 JS코드 x, 함수 형태의 값을 전달(화살표 함수 잘씀) DOM 요소에만 이벤트를 설정할수있다(개인 커스텀 개념이 아니라 걍 props로 보내는 개념) 여기서 e객체는 evnet 관련 인... 리엑트를 다루는 기술리엑트를 다루는 기술
[리엑트를 다루는 기술] Chapter 15 : Context API 리액트 프로젝트에서 전역적으로 사용할 데이터가 있을때 유용한 기능이다 🤔 전역적을 사용하는 데이터는 어떻게 관리해야할까? ⇒ 리액트는 컴포넌트 간에 데이터르 props로 전달하기에(부모 → 자식) 최상위 컴포넌트에 데이터를 저장을 한다 ⇒ 하단에 있는 컴포넌트(G)가 상태값을 변경하고, 다른 하단에 있는 컴포넌트(F)가 상태 값을 업데이트 해야하면, 변경된 값이 다시 순차적으로 최상단 부터 ... 리엑트를 다루는 기술리엑트를 다루는 기술 [리엑트를 다루는 기술] Chapter 04 : 이벤트 핸들링 사용자가 웹 브라우저에서 DOM 요소들과 상호 작용하는 것을 이벤트라 한다. HTML 이벤트와 인터페이스가 동일함 ⇒ 사용법이 비슷하다 이벤트 이름은 카멜 표기법(처음 소문자- 중간 대문자) 이벤트에 실행할 JS코드 x, 함수 형태의 값을 전달(화살표 함수 잘씀) DOM 요소에만 이벤트를 설정할수있다(개인 커스텀 개념이 아니라 걍 props로 보내는 개념) 여기서 e객체는 evnet 관련 인... 리엑트를 다루는 기술리엑트를 다루는 기술